import { Image, Text, View } from "@tarojs/components"
import './index.scss'
import selfPortrait from '/lib/img/4.png'
export default function Information() {

  const InformationList = [
    { name: '职业', value: '技师' },
    { name: '性别', value: '******' },
    { name: '出生日期', value: '******' },
    { name: '年龄', value: '******' },
    { name: '身份证件号码', value: '******' },
    { name: '手机号', value: '12111111111' },
  ]
  const photograph = selfPortrait
  const integrals = 0
  return (
    <View className='information'>
      <View className='informationHeader'></View>
      <View className='informationBodyer'>
        <View className='informationBodyerLeft'>
          {InformationList.map((i) => <View className='informationBodyerLeftItem' key={i.name}>
            <View>{i.name}</View>
            <View>{i.value}</View>
          </View>)}
        </View>
        <View className='informationBodyerRigth'>
          <View className='informationBodyerRigthBodyer'>
            <Image src={photograph} style={{ width: '100%', height: "100%" }} />
          </View>
        </View>
      </View>
      <View className='informationFooter'>
        <View className='informationFooterLeft'>
          <View className='informationFooterLeftBodyer'>
          </View>
        </View>
        <View className='informationFooterRight'>
          <View className='informationFooterRightOne'>
            <Text>
              积分信息
            </Text>
            <Text>
              查看详情
            </Text>
          </View>
          <View className='informationFooterRightTwo'>
            <Text>
              当前积分
            </Text>
            <Text className='informationFooterRightTwoIntegrals'>
              {integrals}
            </Text>
          </View>
        </View>

      </View>
    </View>
  )
}